<script lang="ts">
	interface Props {
		class?: string | undefined | null;
	}

	let { class: className = undefined }: Props = $props();
	
</script>

<svg
	width="18"
	height="18"
	viewBox="0 0 18 18"
	fill="none"
	xmlns="http://www.w3.org/2000/svg"
	class={className}
>
	<path
		d="M11.8 7.8457H6.2C5.8134 7.8457 5.5 8.1901 5.5 8.61493V13.2303C5.5 13.6552 5.8134 13.9995 6.2 13.9995H11.8C12.1866 13.9995 12.5 13.6552 12.5 13.2303V8.61493C12.5 8.1901 12.1866 7.8457 11.8 7.8457Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
	<path
		d="M11.4508 7.84615V6.69231C11.4508 5.97826 11.1927 5.29346 10.7332 4.78856C10.2737 4.28365 9.65056 4 9.00078 4C8.351 4 7.72783 4.28365 7.26837 4.78856C6.80891 5.29346 6.55078 5.97826 6.55078 6.69231V7.84615"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
	<path
		d="M8.99844 11.3073C9.19174 11.3073 9.34844 11.1351 9.34844 10.9227C9.34844 10.7103 9.19174 10.5381 8.99844 10.5381C8.80514 10.5381 8.64844 10.7103 8.64844 10.9227C8.64844 11.1351 8.80514 11.3073 8.99844 11.3073Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
</svg>
